<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>远行</title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1316501_2jy9xfmmn5z.css"/>
    <link rel="stylesheet" href="../css/travel.css"/>
</head>


<body>

<header>
    <div class="save yetou">
        <img src="../img/logo.png" class="left logo"/>
        <nav class="left daohan">
            <a href="">首页</a>
            <a href="">订票</a>
            <a href="">景点</a>
            <a href="">酒店</a>
            <a href="">攻略</a>
            <a href="">美食</a>
        </nav>
        <div class="searchbox left">
            <div class="right">
                <i class="iconfont icon-sousuo"></i>
            </div>
        </div>
        <div class="lxwm">
            <a href="">登录/注册</a>
            <a href="">我的订单</a>
            <a href="">联系客服</a>
            <i class="iconfont icon-shouji"></i>
        </div>

    </div>
</header>



<!--banner-->
<div class="banner">
    <div class="save dingpiao">
        <div class="hei">
            <div class="bai">
                <!--左导航-->
                <ul class="left">
                    <li class="nb1">
                        <span>机票</span>
                    </li>
                    <li>
                        <span>车票</span>
                    </li>
                    <li>
                        <span>酒店</span>
                    </li>
                    <li>
                        <span>旅游</span>
                    </li>
                    <li>
                        <span>团购</span>
                    </li>
                    <li class="nb5">
                        <span>门票</span>
                    </li>
                </ul>
                <div class="left jipiao">
                    <!-- 页头导航-->
                    <span>
                        国内机票
                        <img src="../img/xuanzezt.png"/>
                    </span>
                    <span>
                        国外机票
                        <img src="../img/xuanzezt.png"/>
                    </span>
                    <span>
                        特价
                        <img src="../img/xuanzezt.png"/>
                    </span>
                    <!--输入框-->
                    <div class="shr" >
                        <div class="h">
                            <div class="shang"></div>
                            <button class="huan">换</button>
                            <div class="xia"></div>
                        </div><!--换-->

                        <div class="sr" >
                            <span>出发</span>
                            <input type="text" placeholder="出发地" class="srk"/>
                            <input type="text" placeholder="出发日期"/>
                            <i class="iconfont icon-rili"></i>
                        </div>
                        <div class="sr2 sr" >
                            <span>到达</span>
                            <input type="text" placeholder="目的地"  class="srk"/>
                            <input type="text" placeholder="到达日期"/>
                            <i class="iconfont icon-rili"></i>
                        </div>
                        <div class="sr1 " >
                            <span>航空公司</span>
                            <input type="text"/>
                            <span>仓位等级</span>
                            <input type="text"/>
                        </div>
                        <div class="anniu">
                            <input type="radio" name="a"/>
                            <span>带儿童</span>
                            <input type="radio" name="a"/>
                            <span>带婴儿</span>
                        </div>
                        <button>点击搜索</button>

                    </div>

                </div>
            </div>
        </div>
    </div>

</div>




<!--第一层-->
<section class="f1">
    <div class="save ">
        <div class="f1dh">
            <h3>
                <i class="iconfont icon-jingdian"></i>
                景区景点
            </h3>
            <nav>
            <span>
                <a href="">推荐</a>
                <img src="../img/f1-xz.png" />
            </span>
            <span>
                <a href="">特价旅游</a>
                <img src="../img/f1-xz.png" />
            </span>
            <span>
                <a href="">出境游</a>
                <img src="../img/f1-xz.png" />
            </span>
            <span>
                <a href="">境内游</a>
                <img src="../img/f1-xz.png" />
            </span>
            <span>
                <a href="">周边游</a>
                <img src="../img/f1-xz.png" />
            </span>
            <span>
                <a href="">当地玩乐</a>
                <img src="../img/f1-xz.png" />
            </span>
            <span>
                <a href="">跟团游</a>
                <img src="../img/f1-xz.png" />
            </span>
            <span>
                <a href="">自驾游</a>
                <img src="../img/f1-xz.png" />
            </span>
            <span>
                <a href="">主题游</a>
                <img src="../img/f1-xz.png" />
            </span>
            <span>
                <a href="">高端游</a>
                <img src="../img/f1-xz.png" />
            </span>
            </nav>
            <div class="f1fg" ></div>
        </div>
        <div class="f1gjc">
            <i class="iconfont icon-sousuo"></i>
            <span>相关搜索:</span>
            <a href="">日本</a>
            <a href="">东南亚</a>
            <a href="">巴厘岛</a>
        </div>
        <div class="f1tu" >
            <div class="f1-sk"></div>
            <div class="word1 left">
                <img src="../img/f1-wrod.png"/>
                <button>more</button>
            </div>

            <div class="bj1 right">
                <div class="other right">
                    <div id="f1-1" class="right">
                        <div class="jianbian">
                            <div class="left">
                                <h2>云南</h2>
                                <span>¥999/人起</span>
                            </div>
                            <div class="right xdz">
                                <h6>南涧</h6>
                                <span >
                                    <i class="iconfont icon-xin"></i>
                                    18950
                                </span>
                            </div>
                        </div>
                    </div>
                    <div id="f1-2" class="right">
                        <div class="jianbian">
                            <div class="left">
                                <h2>河北</h2>
                                <span>¥999/人起</span>
                            </div>
                            <div class="right xdz">
                                <h6>承德</h6>
                                <span >
                                    <i class="iconfont icon-xin"></i>
                                    18950
                                </span>
                            </div>
                        </div>
                    </div>
                    <div id="f1-3" class="right">
                        <div class="jianbian">
                            <div class="left">
                                <h2>日本</h2>
                                <span>¥999/人起</span>
                            </div>
                            <div class="right xdz">
                                <h6>大阪</h6>
                                <span >
                                    <i class="iconfont icon-xin"></i>
                                    18950
                                </span>
                            </div>
                        </div>
                    </div>
                    <div id="f1-4" class="right">
                        <div class="jianbian">
                            <div class="left">
                                <h2>浙江</h2>
                                <span>¥999/人起</span>
                            </div>
                            <div class="right xdz">
                                <h6>乘泗列岛</h6>
                                <span >
                                    <i class="iconfont icon-xin"></i>
                                    18950
                                </span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="f1-p1 right">
                    <div class="jianbian" id="jianbian1">
                        <div class="left">
                            <h2>四川</h2>
                            <span>¥999/人起</span>
                        </div>
                        <div class="right xdz">
                            <h6>福宝古镇</h6>
                            <span >
                                <i class="iconfont icon-xin"></i>
                                18950
                            </span>
                        </div>
                    </div>
               </div>
            </div>

    </div>
</section>





<!--第二层-->

<section class="f2">
    <div class="save">
        <div class="f2dh">
            <h3>
                <i class="iconfont icon-jiudiancanting-"></i>
                酒店住宿
            </h3>
            <nav>
            <span>
                <a href="">境内酒店</a>
                <img src="../img/f1-xz.png" />
            </span>
            <span>
                <a href="">境外酒店</a>
                <img src="../img/f1-xz.png" />
            </span>
            <span>
                <a href="">境内民宿</a>
                <img src="../img/f1-xz.png" />
            </span>
            <span>
                <a href="">境内民宿</a>
                <img src="../img/f1-xz.png" />
            </span>
            <span>
                <a href="">度假村</a>
                <img src="../img/f1-xz.png" />
            </span>
            <span>
                <a href="">住宿+景点</a>
                <img src="../img/f1-xz.png" />
            </span>

            </nav>
            <div class="f1fg" ></div>
        </div>
        <div class="f2gjc">
            <i class="iconfont icon-sousuo"></i>
            <span>相关搜索:</span>
            <a href="">日本</a>
            <a href="">东南亚</a>
            <a href="">巴厘岛</a>
        </div>
        <div class="f1tu" >

            <div class="f2-sk "><!--色块-->
                <div class="mb"></div>
            </div>
            <div class="word2"><!--文字块-->
                <img src="../img/f2-wrod.png"/>
                <button>more</button>
            </div>

            <div class="bj2"><!--图块-->
                <div class="f2-p1 left">
                    <div class="jianbian" id="jianbian2">
                        <div class="left">
                            <h2>四川</h2>
                            <span>¥999/人起</span>
                        </div>
                        <div class="right xdz">
                            <h6>福宝古镇</h6>
                            <span >
                                <i class="iconfont icon-xin"></i>
                                18950
                            </span>
                        </div>
                    </div>
                </div>
                <div class="other left">
                    <div id="f2-1" class="right">
                        <div class="jianbian">
                            <div class="left">
                                <h2>云南</h2>
                                <span>¥999/人起</span>
                            </div>
                            <div class="right xdz">
                                <h6>南涧</h6>
                                <span >
                                    <i class="iconfont icon-xin"></i>
                                    18950
                                </span>
                            </div>
                        </div>
                    </div>
                    <div id="f2-2" class="right">
                        <div class="jianbian">
                            <div class="left">
                                <h2>河北</h2>
                                <span>¥999/人起</span>
                            </div>
                            <div class="right xdz">
                                <h6>承德</h6>
                                <span >
                                    <i class="iconfont icon-xin"></i>
                                    18950
                                </span>
                            </div>
                        </div>
                    </div>
                    <div id="f2-3" class="right">
                        <div class="jianbian">
                            <div class="left">
                                <h2>日本</h2>
                                <span>¥999/人起</span>
                            </div>
                            <div class="right xdz">
                                <h6>大阪</h6>
                                <span >
                                    <i class="iconfont icon-xin"></i>
                                    18950
                                </span>
                            </div>
                        </div>
                    </div>
                    <div id="f2-4" class="right">
                        <div class="jianbian">
                            <div class="left">
                                <h2>浙江</h2>
                                <span>¥999/人起</span>
                            </div>
                            <div class="right xdz">
                                <h6>乘泗列岛</h6>
                                <span >
                                    <i class="iconfont icon-xin"></i>
                                    18950
                                </span>
                            </div>
                        </div>
                    </div>
                </div>


            </div>

        </div>
    </div>
</section>




<!--第三层-->

<section class="f3">
    <div class="save">
        <div class="f3bt"><!--标题-->
            <h3>
                <i class="iconfont icon-youji"></i>
                旅行游记
            </h3>
            <div class="f3fg1" ></div>
        </div>
        <div class="huati"><!--话题-->
            <div class="ht left">
                <a href=""># 踏春赏花好心情 #  </a>
                <a href=""># 跟着歌曲去旅行 #</a>
                <a href=""># 饮食男女 #</a>
                <a href="">#  老地点 新玩法  #</a>
                <a href=""># 一场短途旅行 #</a>
            </div>
            <div class="tubiao right">
                <a href="">
                    <i class="iconfont icon-fabiaoyouji"></i>
                    <span>创建行程</span>
                </a>
                <a href="">
                    <i class="iconfont icon-chuangjianv"></i>
                    <span>发表游记</span>
                </a>
                <a href="">了解更多></a>
            </div>

        </div>
        <div class="f3-nr">
            <div class="f3fg2" ></div>
            <div class="dakuan">
                <div class="xiaokuan">
                    <p>
                        出发:<br/>2019/09/26<br/>共3天<br/>118张照片
                    </p>
                </div>
            </div>
            <div id="f3-backimg1" class="bkimg"></div>
            <div class="wenzi">
                <h6>杏花、美酒配羊肉</h6>
                <p>“新疆杏花沟位于新疆伊犁新源县吐尔根乡，新疆杏花沟这是一片中世纪遗留最大的原始野杏林，集中分布于巩及斯河北岸，占地有3万多亩，新疆杏花沟是新疆野杏林比较集中的地区之一。新疆杏花沟4月中旬,吐尔根乡朝阳的山坡上杏花便已打苞和开花。大家如约而至汇集到了新疆杏花沟，欣赏杏花兼踏春，新疆杏花沟果然是风光绝佳……”</p>
                <div class="left">
                    <div class="yuan "></div>
                    <a href="" class="">Donnnna|23条游记</a>
                </div>
                <div class="f3-icon right">
                    <i class="iconfont icon-liulan"></i>
                    <span>1103</span>
                    <i class="iconfont icon-pinglun"></i>
                    <span>79</span>
                    <i class="iconfont icon-dianzan"></i>
                    <span>369</span>

                </div>
            </div>

        </div>
        <div class="f3-nr">
            <div class="f3fg2" ></div>
            <div class="dakuan">
                <div class="xiaokuan">
                    <p>
                        出发:<br/>2019/09/26<br/>共3天<br/>118张照片
                    </p>
                </div>
            </div>
            <div id="f3-backimg2" class="bkimg"></div>
            <div class="wenzi">
                <h6>武汉大学</h6>
                <p>“新疆杏花沟位于新疆伊犁新源县吐尔根乡，新疆杏花沟这是一片中世纪遗留最大的原始野杏林，集中分布于巩及斯河北岸，占地有3万多亩，新疆杏花沟是新疆野杏林比较集中的地区之一。新疆杏花沟4月中旬，吐尔根乡朝阳的山坡上杏花便已打苞和开花。大家如约而至汇集到了新疆杏花沟，欣赏杏花兼踏春，新疆杏花沟果然是风光绝佳……”</p>
                <div class="left">
                    <div class="yuan "></div>
                    <a href="" class="">Donnnna|23条游记</a>
                </div>
                <div class="f3-icon right">
                    <i class="iconfont icon-liulan"></i>
                    <span>1103</span>
                    <i class="iconfont icon-pinglun"></i>
                    <span>79</span>
                    <i class="iconfont icon-dianzan"></i>
                    <span>369</span>

                </div>
            </div>

        </div>
        <div class="f3-nr">
            <div class="f3fg2" ></div>
            <div class="dakuan">
                <div class="xiaokuan">
                    <p>
                        出发:<br/>2019/09/26<br/>共3天<br/>118张照片
                    </p>
                </div>
            </div>
            <div id="f3-backimg3" class="bkimg"></div>
            <div class="wenzi">
                <h6>重庆，火锅和山间穿梭</h6>
                <p>“我是谁，我在哪，我怎么又回到了这里！”这是我在重庆内心第N遍的呐喊。是马路边边爷爷最实际，囔着重庆口音“哎哟喂儿，为嘛你饶了一大圈，不是这样走的，你应该往这边走Ho~”于是，一路上问人是我们的常态。餐馆里边的服务员、站在路边抽烟的大叔、衣着靓丽的小姐姐都是我们问路上的对象。重庆的路，走来全得费功夫！ ……”</p>
                <div class="left">
                    <div class="yuan "></div>
                    <a href="" class="">Donnnna|23条游记</a>
                </div>
                <div class="f3-icon right">
                    <i class="iconfont icon-liulan"></i>
                    <span>1103</span>
                    <i class="iconfont icon-pinglun"></i>
                    <span>79</span>
                    <i class="iconfont icon-dianzan"></i>
                    <span>369</span>

                </div>
            </div>

        </div>
        <div class="f3-nr">
            <div class="f3fg2" ></div>
            <div class="dakuan">
                <div class="xiaokuan">
                    <p>
                        出发:<br/>2019/09/26<br/>共3天<br/>118张照片
                    </p>
                </div>
            </div>
            <div id="f3-backimg4" class="bkimg"></div>
            <div class="wenzi">
                <h6>陪你去看花园城市</h6>
                <p>“新加坡标志性的景点有很多，但于我而言，最初了解新加坡，就是因为鱼尾狮雕塑。最初看到新加坡的图片，就是它，于是便被深深吸引。鱼尾狮公园坐落于浮尔顿一号隔邻的填海地带，它是新加坡面积最小的公园，但也是人气非常旺的公园。……”</p>
                <div class="left">
                    <div class="yuan "></div>
                    <a href="" class="">Donnnna|23条游记</a>
                </div>
                <div class="f3-icon right">
                    <i class="iconfont icon-liulan"></i>
                    <span>1103</span>
                    <i class="iconfont icon-pinglun"></i>
                    <span>79</span>
                    <i class="iconfont icon-dianzan"></i>
                    <span>369</span>

                </div>
            </div>

        </div>
        <div class="f3-nr">
            <div class="f3fg2" ></div>
            <div class="dakuan">
                <div class="xiaokuan">
                    <p>
                        出发:<br/>2019/09/26<br/>共3天<br/>118张照片
                    </p>
                </div>
            </div>
            <div id="f3-backimg5" class="bkimg"></div>
            <div class="wenzi">
                <h6>用手帐给越南上色</h6>
                <p>“我想，来一趟让一家人都觉得舒服的度假式旅行。何谓之舒服呢，大概就是有个舒适的像家一样的房间，有温暖的阳光，温柔的海风，休闲的时光，还有可口的美食，哦对了，必须带上爱的人,越南我们来了……”</p>
                <div class="left">
                    <div class="yuan "></div>
                    <a href="" class="">Donnnna|23条游记</a>
                </div>
                <div class="f3-icon right">
                    <i class="iconfont icon-liulan"></i>
                    <span>1103</span>
                    <i class="iconfont icon-pinglun"></i>
                    <span>79</span>
                    <i class="iconfont icon-dianzan"></i>
                    <span>369</span>

                </div>
            </div>

        </div>
    </div>
</section>




<!--第四层-->

<section class="f4">
    <div class="save">
        <div class="f4dh">
            <h3>
                <i class="iconfont icon-haofangtuo400iconfont2meishi"></i>
                美食美酒
            </h3>
            <nav>
                <span>
                    <a href="">境内酒店</a>
                    <img src="../img/f1-xz.png" />
                </span>
                <span>
                    <a href="">境外酒店</a>
                    <img src="../img/f1-xz.png" />
                </span>
                <span>
                    <a href="">境内民宿</a>
                    <img src="../img/f1-xz.png" />
                </span>
                <span>
                    <a href="">境内民宿</a>
                    <img src="../img/f1-xz.png" />
                </span>
                <span>
                    <a href="">度假村</a>
                    <img src="../img/f1-xz.png" />
                </span>
                <span>
                    <a href="">住宿+景点</a>
                    <img src="../img/f1-xz.png" />
                </span>
            </nav>
            <div class="f1fg" ></div>
    </div>
        <div class="baidi">
            <div id="f4-bgi1" class="f4-backimg"></div>
            <div id="f4-bgi2" class="f4-backimg"></div>
            <div id="f4-bgi3" class="f4-backimg"></div>
            <div class="f4-sk"></div>
            <div class="f4-name">
                <h6>ROOIBOS <br/>鸡尾酒吧</h6>
                <p>推荐理由：来一瓶用9年时间酿造而来<br/>的美酒。听听它是怎么酿成的?你有9年<br/>的时间吗?藏在旧仓库的橡木桶里9年，我们的时间保证。9年的时光已流逝，它刚刚面世…</p>
                <p>驴友点评：大陆漂移比这种酒的酿造还要快。母系社会产生了威士忌，父系社会将它酿成波旁酒。我么只能慢慢做，别无它法。风儿雕刻山峰，时间雕刻波旁酒。每个月的十五号，我们会把编号1394-M的橡木桶向左旋转15度…</p>
            </div>
            <div class="bar">
                <div id="f4-b1" class="left yuan"></div>
                <div id="f4-b2" class="left yuan"></div>
                <div id="f4-b3" class="left yuan"></div>
                <div id="f4-b4" class="left yuan"></div>
                <div id="f4-b5" class="left yuan"></div>
                <div id="f4-b6" class="left yuan"></div>
            </div>
        </div>
</section>


<!--页脚-->

<footer>
    <p>Copyright©1999-2019, ctrip.com. All rights reserved. | ICP证：沪B2<br/>
        沪公网备31010502002731号<br/>违法和不良信息举报电话021-22500846丨上海市旅游网站落实诚信建设主体责任承诺书</p>
</footer>

</body>
</html>